<template>
  <div class="dashboard-editor-container">
    <Home/>
<!--    <div class=" cus_tabs">-->
<!--      <el-tabs v-model="activeName" @tab-click="handleClick">-->
<!--        <el-tab-pane label="首页-1" :name="1">-->
<!--          <Home/>-->
<!--        </el-tab-pane>-->
<!--        <el-tab-pane label="首页-2" :name="2">-->
<!--          <HomeTwo/>-->
<!--        </el-tab-pane>-->
<!--        <el-tab-pane label="首页-3" :name="3">-->
<!--          <HomeThree/>-->
<!--        </el-tab-pane>-->
<!--      </el-tabs>-->
<!--    </div>-->
  </div>
</template>

<script>
import Home from './home.vue'
import HomeTwo from "@/views/homeTwo.vue";
import HomeThree from "@/views/homeThree.vue";

export default {
  name: 'Index',
  components: {
    HomeThree,
    HomeTwo,
    Home
  },
  data() {
    return {
      activeName: 3,
    }
  },
  created() {
    // this.getData()
  },
  methods: {
    handleClick(tab, event) {
      console.log(tab, event);
    }
  }
}
</script>

<style lang="scss" scoped>
.dashboard-editor-container {
  background-color: rgb(240, 242, 245);
  //padding: 0 32px;

  .cus_tabs {
    height: 100%;
    width: 100%;
  }
}
</style>
